body {
	margin: 0;
	font-size: 12px;
	font-family: Arial;
}

div {
	margin: 10px;
	padding: 5px;
}

h1, h2, p {
	margin: 10px;
}

li {
	margin: 5px;
}

/* Layout */

#footer {
	z-index: 500;
	position: absolute;
	margin: 0;
	width: 100%;
	text-align: center;
	bottom: 0px;
	background-color: lightgray;
	color: dimgray;
}

.splash {
	display: none;
	position:fixed;
	top: 25%;
	left: 50%;
	background-color: darkgray;
	border:20px solid gray;
	width: 500px;
	margin-left: -250px;
}

#error {
	display: block;
}

#load {
	text-align: center;
}

#overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: black;
}

/* General classes */

.icon  {
	float: right;
	cursor: pointer;
	width: 16px;
	height: 16px;
	margin: 3px;
}

/* Dialog messages */

#msgbar {
	z-index: 1000;
	position: fixed;
	width: 100%;
	margin: 0;
	top: 0;
	left: 0;
	overflow: auto;
	max-height: 25%;
	
	background: rgb(0, 0, 0) transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.6); /* RGBa with 0.6 opacity */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000); /* For IE 5.5 - 7*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; /* For IE 8*/
}

.error, .info {
	margin-right: -35px;
	padding: 5px;
	margin: 10px;
	display: block;
	border: 1px solid black;
}

.error {
	background-color: lightpink;
	border-color: darkred;
}

.info {
	background-color: lightgreen;
	border-color: darkgreen;
}

/* Forms and fields */

fieldset {
	margin: 10px;
	padding: 10px;
}

.field {
	display: block;
	padding: 5px;
}

legend {
	cursor: pointer;
	font-weight: bolder;
}

label {
	vertical-align: middle;
	text-align: right;
	padding: 5px;
	font-weight: bold;
}

button, input, select, textarea {
	margin: 5px;
}

/* Apply effects */

#msgbar, #overlay {
	background: rgb(0, 0, 0) transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.6); /* RGBa with 0.6 opacity */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000); /* For IE 5.5 - 7*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; /* For IE 8*/
}